<script setup>
import router from "../modules/router.js";
const onClickLeft = () => {
  router.push("/");
};
</script>

<template>
  <van-nav-bar
    title="关注(1)"
    left-text="返回"
    left-arrow
    @click-left="onClickLeft"
  />
  <div class="infoBox" v-for="val in 10" :key="val">
    <div class="head">
      <van-image
        round
        width="60px"
        height="60px"
        src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
      />
      <div>
        <van-space
          ><van-button round size="small">已关注</van-button
          ><van-button round size="small">备注</van-button></van-space
        >
      </div>
    </div>
    <div style="margin-top: 10px;">
      <van-space align="center">
        <div>mr.hua</div>
        <div>属地：江苏</div>
      </van-space>
    </div>
    <div>公众号：老华带你飞</div>
    <div>B站：老华带你飞</div>
    <div>抖音：老华带你飞</div>
  </div>
</template>

<style scoped>
.head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.infoBox {
  padding: 10px;
  border-bottom: 1px solid #cfcfcf;
}
</style>